import './App.css';
// import testFuncState from "./testFuncState/testUseState"
// import TestTwo from "./testFuncState/classState"
// import TestUseReducer from "./testFuncState/testUseReducer"
// import ReactMap from "./ReactTool/reactMap"
// import ActionGreator from "./myRedux/actionGreator"

/********************redux-test******************************/
// import YwDom from "./simpleRedux/yw"

/********************context-test*****************************/
// import AgeCtrl from "./testContext/business/ageCom/ageCtrlSer"
// import NameCtrl from "./testContext/business/nameCtrl"
// import Ms from "./testContext/business/ms"
// import TestContex from "./testContext/main/ctindex"
// import ContCtrl from "./testContext/business/contentCtrl"
// import TmContex from "./testContext/main/tmContext"


function App() {
  return (
    <div className="App">
      {/* {testFuncState()}
      <div className="teestTwo">
        <TestTwo></TestTwo>
      </div>
      <div className="teestThree">
        <ReactMap></ReactMap>
      </div>
      <div className="teestThree">
        <TestUseReducer></TestUseReducer>
      </div>
      <div className="teestThree">
        <ActionGreator></ActionGreator>
      </div> */}
      <div className="teestThree">
        {/* <YwDom></YwDom> */}
        

        {/*context-test*/}
        {/* <TestContex>
          <AgeCtrl />
          <NameCtrl />
          <Ms />
        </TestContex> */}
        {/* <TmContex>
          <ContCtrl />
        </TmContex> */}
      </div>
      
    </div>
  );
}

export default App;
